<!--个人信息-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN"/>
    <script type="text/javascript" th:src="@{/js/jquery1.4.js}"></script>
    <script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
    <title>个人信息</title>
    <meta name="Keywords" content="投资机构"/>
    <meta name="Description" content="投资机构"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/show.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/bootstrap.min.css}">
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/function.js}"></script>
    <script type="text/javascript" th:src="@{/js/list.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <script type="text/javascript" th:src="@{/dist/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/information.js}"></script>

    <style type="text/css">
        body {
            background-color: #F0F2F5;
        }
    </style>

</head>

<style type="text/css">
    #pc_nav ul li:hover div {
        display: inline-block;
    }

    #pc_nav ul li div {
        display: none;
        border-radius: 2px;
        position: absolute;
    }

    #pc_nav ul li #di2 {
        width: 140px;
        height: 280px;
        background-color: white;
    }

    #pc_nav ul li #di2 a {
        /*text-decoration: none;*/
        list-style: none;
        height: 15px;
        margin-top: 5px;
        color: lightgrey;
        border: 0px solid gainsboro;
        line-height: 5px;
        width: 80%;
        word-break: keep-all;
        white-space: nowrap;
        text-align: center;
        display: block;
        font-size: 18px;
        margin-left: -20px;
        margin-bottom: 20px;
    }

    .good {
        text-align: center;
        width: 40px;

    }

</style>

<body style="background-color: white">
<!--nav-->
<nav id="pc_nav" class="container clearfix hidden-xs" th:each="codeUser:${codeUsers}">
    <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
        <img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px"></a>
    <ul class="fr clearfix">
        <li>
            <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
        <li><span>|</span></li>
        <li>
            <span th:switch="${codeUser.type}">
                    <span th:case="1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case="2">
                       <a href="#">我的参与</a>
                    </span>
            </span>
        </li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/help}">帮助</a></li>

        <li class="div2">
            <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"></a></span>
            <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                <p><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                <hr/>
                <p><a th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                <hr/>
                <p><a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                <hr/>
                <p><a th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                <hr/>
                <p><a th:href="@{/logged/advise(userNo=${codeUser.userNo})}">我要建议</a></p>
                <hr />
                <p><a th:href="@{/}">退出登录</a></p>
            </div>
        </li>

    </ul>
</nav>

<!--导航栏结束-->


<div class="hr tp-div-nexthr" style="margin-top: 0;margin-bottom: 0;padding: 0;"></div>
<div class="container pb-15">
    <!-- Example row of columns -->
    <div class="row">
        <div class="span12">

            <div class="label-div b-30 border-all pt-5 t-20" style="position: relative; padding-left: 0;">
                <div class="mmright2 t-30">
                    <img th:src="@{'/article/'+ ${codeUsers.get(0).getImage()}}"
                         style="height: 220px;width: 200px;margin-top: 60px"/>
                    <form th:action="@{/logged/userImage(userNo=${codeUsers.get(0).getUserNo()})}" method="post"
                          enctype="multipart/form-data">
                        <button class="btn btn-danger" style="text-align: center" type="submit"><input type="file" style="float: left;" name="userImage"/>修改头像</button>
                    </form>
                </div>

                <div class="mmleft t-30">

                    <h5>账户信息</h5>

                    &nbsp;&nbsp;请完善邮箱和手机。<br/>
                    &nbsp;&nbsp;您的个人信息不会透露给任何第三方，请放心填写<br/>
                    <div class="info" style="height: 280px" th:each="codeUser:${codeUsers}">
                        <hr/>
                        <form th:action="@{/logged/changeInformation}"
                              class="form-horizontal" role="form" method="post">
                            <div class="form-group">
                                <label class="col-sm-2 control-label" style="width: 100px">用户编号</label>
                                <div class="col-sm-10">
                                    <input type="phone" class="form-control" id="userNo" readonly="readonly" name="userNo"
                                           style="border: 0px;width: 300px;" th:value="${codeUser.userNo}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label" style="width: 100px">工作邮箱*</label>
                                <div class="col-sm-10">
                                    <input type="phone" class="form-control" id="email" placeholder="请输入邮箱" name="email" required="required"
                                           style="border: 0px;width: 300px;" th:value="${codeUser.email}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label" style="width: 100px">工作手机*</label>
                                <div class="col-sm-10">
                                    <input type="phone" class="form-control" id="phoneNum"
                                           placeholder="请输入手机号" name="phoneNum" required="required"
                                           style="border: 0px;width: 300px;" th:value="${codeUser.phoneNum}">
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <button type="submit" class="btn btn-danger" style="height: 30px;">修改</button>
                                    </div>
                                </div>
                            </div>
                        </form>


                    </div>

                </div>
                <div class="mmclear"></div>
                <br/><br/><br/><br/><br/><br/><br/>
                <div style="margin-top: 10px">
                <span style="margin:20px;">还没有实名认证，<a style="font-family: 楷体;color: red">现在就去认证</a></span>
                </div>
                <div th:each="codeUser:${codeUsers}" >
                    <hr/>
                    <form class="form-horizontal" role="form" >
                        <h3>&nbsp;&nbsp;&nbsp;&nbsp;个人信息</h3>
                        <span th:switch="${codeUser.identity}">
                         <span th:case="1">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">姓名:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="name" readonly="readonly"
                                       th:value="${codeUserID.get(0).getName()}"
                                       placeholder="姓名" style="width: 400px;height: 30px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">身份证:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="userID" readonly="readonly"
                                       th:value="${codeUserID.get(0).getIdNumber()}"
                                       placeholder="身份证" style="width: 400px;height: 30px;">
                            </div>
                        </div>
                             </span>
                            <span th:case="2">
                                 <div class="form-group">
                            <label class="col-sm-2 control-label">姓&nbsp;名:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="name" readonly="readonly"
                                       placeholder="姓名" style="width: 400px;height: 30px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">身份证:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="userId" readonly="readonly"
                                       placeholder="身份证" style="width: 400px;height: 30px;">
                            </div>
                        </div>
                            </span>
                        </span>
                    </form>
                    <hr/>
                    <div style="margin-left: 100px ">
                        <table style="width: 100%;">
                            <tr>

                                <li th:each="skill:${skills}">
                                    擅长技能方向：
                                    <span th:switch="${skill.java}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #ac2925);">java</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                    <span th:switch="${skill.net}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#8888cc,#e779aa);">net</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                    <span th:switch="${skill.c}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #d5e5f6);">c</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                    <span th:switch="${skill.asp}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #e779aa);">asp</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                    <span th:switch="${skill.php}" style="margin-left: 10px">
                                        <span th:case="1"><button style=" background-image: linear-gradient(#8eb349, #5f7c22);">php</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                    <span th:switch="${skill.bigdata}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#f5c153, #ea920d);">大数据</button></span>
                                        <span th:case="2"></span>
                                    </span>
                                </li>
                            </tr>
                        </table>
                    </div>
                    <button class="btn btn-danger" style="margin-left: 100px" href="#" onclick="f('ycbc')" ;>擅长技能</button>
                    <div id="ycbc" style="display:none">
                        <table style="width: 100% " border=1 class="table table-hover">
                            <tr>
                                <th><input type="checkbox" onclick="checkAll(this)" /></th>
                                <th>技能方向</th>
                            </tr>
                            <div id="ListBackground">
                                <tr th:each="codeSkill:${codeSkills}">
                                    <td><input type="checkbox" name="cks" id="product"
                                         th:value="${codeSkill.id}" onclick="check()" /> </td>
                                    <td th:text="${codeSkill.direction}">技能方向</td>
                                </tr>
                                </c:forEach>
                            </div>
                            <button  class="btn btn-danger" type="submit"  onclick="save()"  value="保存修改">保存</button>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    function f(a) {
        var obj = document.getElementById(a);
        if (obj.style.display == "") {
            obj.style.display = "none";
        } else {
            obj.style.display = "";
        }
    }
</script>

</html>